<template>

    <div class="box1">
        <div id="he-plugin-standard"></div>
    </div>
    </template>
    
    <script>
    export default {
      created(){
        window.WIDGET = {
            "CONFIG": {
                "layout":"1","width":"1200","height":"600","background":"1","dataColor":"FFE699","borderRadius":"10","key":"71dfeab185694ccc812ec9c63443a536"
            },
        };
        (function (d) {
        var c = d.createElement('link')
        c.rel = 'stylesheet'
        c.href = 'https://widget.qweather.net/standard/static/css/he-standard.css?v=1.4.0'
        var s = d.createElement('script')
        s.src = 'https://widget.qweather.net/standard/static/js/he-standard.js?v=1.4.0'
        var sn = d.getElementsByTagName('script')[0]
        sn.parentNode.insertBefore(c, sn)
        sn.parentNode.insertBefore(s, sn)
      })(document);
      }
    }
    </script>
    
    <style scoped>
    .box1 {
        margin-left: 130px;
        margin-top: 100px;
    }
    </style>
    
    